<script setup lang="ts">
import SidebarBackend from "~/components/backend/SidebarBackend.vue";
import {useBackendAccessToken, usePermissions} from "~/composables/state";
import {ApiCheckLogin} from "~/api/auth";
import {useLocaleLocation} from "#i18n";
import LanguageSwitcher from "~/components/backend/LanguageSwitcher.vue";


</script>

<template>
  <a-layout style="min-height: 100vh">
    <a-layout-header>
      <div class="w-full flex h-full items-center justify-end">
      <LanguageSwitcher/>
      </div>
    </a-layout-header>
    <a-layout>
      <a-layout-sider>
        <SidebarBackend/>
      </a-layout-sider>
      <a-layout>
        <a-layout-content class="max-w-full max-h-full overflow-hidden bg-white">
          <div class="overflow-y-auto flex relative h-full">
          <div class="w-full h-full bg-white flex-grow-0 absolute">
            <slot/>
          </div>
          </div>
        </a-layout-content>
        <a-layout-footer></a-layout-footer>
      </a-layout>
    </a-layout>
  </a-layout>
</template>

<style>

html,body,#__nuxt{
  min-width: 100vw;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
}

body{
  min-height: 100vh;
}

.anticon{
  vertical-align: 0 !important;
}

</style>
